@charset "utf-8";
*{
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    list-style: none;
    a{
        text-decoration: none;
    }
}
html,body{
    background:#fff;
    
}
header{
    width:100%;
    height:1.85rem;
    background:#ffac2c;
    position: relative;
   
    padding-left:0.625rem;
    div:nth-child(1){
       width:10%;
      float:left;
  line-height: 1.85rem;
      a{
          
          span{
              display: inline-block;
             img{
                 width:0.45rem;
                 height:0.6rem;
             }
              
          }
      }
    }
    div:nth-child(2){
        width:80%;
      line-height: 1.85rem;
        color:#fff;
         padding-left:5.1rem;
         
      
        span{
            display: inline-block;
        }
        span:nth-child(1){
            font-size: 0.75rem;
            color:#fff;
            font-weight: bold;
         
        }
        a:nth-child(2){
            span{
                display: inline-block;
              vertical-align: middle;
            }
            
           
        
    }
    .sli_down{
        width:100%;
        background:rgba(255,172,44,1);
     
        position: absolute;
        top:1.85rem;
        left:0;
        display: none;
        p{
            border-bottom:1px dashed gray;
            a{
                color:#fff;
                text-decoration: none;
            }
            text-align: center;
            width:100%;
            
        }
        p.active{
                background:green;
            }
    }
      }
    .clearfix:after{
        display: block;
        clear: both;
        content:'';
    }
}
main{
    flex-grow: 1;
    
    .main_xxl{
        width:100%;
        height:4.6rem;
        padding-top:0.95rem;
        padding-left:0.7rem;
        
        .xxl_left{
            float:left;
            img{
                width:2.75rem;
            }
        }
        .xxl_right{
          padding-top:0.45rem;
            p:nth-child(1){
                  padding-left:0.9rem;
                  float:left;
                span:nth-child(1){
                    display: inline-block;
                    font-size: 0.8rem;
                    color:#fe8c50;
                    font-weight: bold;
                    padding-left:0.9rem;
                    float:left;
                }
                span:nth-child(2){
                    display: block;
                    font-size: 0.45rem;
                    float:left;
                    margin-top:0.1rem;
                 
                     
                  
                }
            }
             p:nth-child(2){
                  padding-left:0.9rem;
                  float:left;
                span:nth-child(1){
                    display: inline-block;
                    font-size: 0.55rem;
                 
                    padding-left:0.9rem;
                 
                }
                span:nth-child(2){
                    display: inline-block;
                    font-size: 0.45rem;
                    line-height: 1.15rem;
                  
                  
                }
            }
        }
    }
    .xxl_dx{
        width:100%;
        height:9.525rem;
        background:#f5f5f5;
          
                 
       div:nth-child(1){
           width:100%;
            padding-top:0.75rem;
           p:nth-child(1){
               float:left;
               padding-left:0.7rem;
             
              span{
                  display: block;
                 
              }
              span:nth-child(1){
                  font-size: 0.55rem;
                  color:#adadad;
              }
              span:nth-child(2){
                  font-size: 0.4rem;
                  color:#333333;
                  line-height: 1.4rem;
                  
              }
           }
           p:nth-child(2){
               float:right;
               padding-right:4.35rem;

               border-left:1px solid #adadad;
              span{
                  display: block;
                  padding-left:0.6rem;
              }
              span:nth-child(1){
                  font-size: 0.55rem;
                  color:#adadad;
                 
              }
              span:nth-child(2){
                  font-size: 0.4rem;
                  color:#333333;
                  line-height: 1.4rem;
                  
              }
           }
       }
       
       div:nth-child(2){
           width:100%;
           margin-top:3rem;
             margin-bottom:0.625rem;
           p:nth-child(1){
               float:left;
               padding-left:0.7rem;
              
              span{
                  display: block;
                 
              }
              span:nth-child(1){
                  font-size: 0.55rem;
                  color:#adadad;
              }
              span:nth-child(2){
                  font-size: 0.4rem;
                  color:#333333;
                  line-height: 1.4rem;
                  
              }
           }
           p:nth-child(2){
               float:right;
               margin-right:1.45rem;
              
               border-left:1px solid #adadad;
              span{
                  display: block;
                  padding-left:0.6rem;
              }
              span:nth-child(1){
                  font-size: 0.55rem;
                  color:#adadad;
                 
              }
              span:nth-child(2){
                  font-size: 0.4rem;
                  color:#333333;
                  line-height: 1.4rem;
                  
              }
           }
       }
       div:nth-child(3){
           float:left;
           padding-left:0.525rem;
            padding-top:1.2rem;
            
           
           p{
               float:left;
               a{
                   input{
                       width:6rem;
                       height:1.45rem;
                   }
               }
           }
           p:nth-child(1){
               a{
                   input{
                       background: #fa5a2a;
                       color:#fff;
                       text-align: center;
                       line-height: 1.45rem;
                       font-size: 0.7rem;
                       border-radius: 8px;
                   }
               }
           }
           p:nth-child(2){
               padding-left:1.678rem;
               
              
               a{
                   input{
                       background: #ffac2c;
                       color:#fff;
                       text-align: center;
                       line-height: 1.45rem;
                       font-size: 0.7rem;
                       border-radius: 8px;
                      
                   }
               }
           }
       }
       
       
        .clearfix:after{
            display: block;
            clear: both;
            content:'';
        }
        
    }
    .xxl_tj{
        width:100%;
        height:8.125rem;
        padding-top:0.75rem;
        padding-left:0.47rem;
        h2{
            font-size: 0.625rem;
            font-weight: bold;
            color:#fa5a2a;
        }
        div:nth-child(2){
             padding-left:1rem;
            img{
                width:14.05rem;
               
            }
        }
        div:nth-child(3){
           padding-top:0.4rem;
            span{
               
              display: inline-block;
                font-size: 0.25rem;
              margin-right:1.5rem;
              margin-left:1.3rem;
              color:#dedede;
            }
        }
        .clearfix:after{
            display: block;
            clear: both;
            content:'';
        }
    }
    .xxl_cz{
        width:96%;
        height:3.65rem;
        margin: 0 auto;
        background:#fce1b6;
        border-radius: 8px;
        position: relative;
        div:nth-child(1){
          
            span{
                display: inline-block;
                position: absolute;
                top:0.2rem;
                img{
                    width:2rem;
                }
                
            }
            h2{
                font-size: 0.525rem;
//              float:left;
                color:#fa7241;
                padding-left:2.5rem;
                padding-top:0.4rem;
            }
            .clearfix:after{
                display: block;
                clear: both;
                content:'';
            }
        }
        div:nth-child(2){
         padding-top:0.6rem;
           margin-left:0.95rem;
            p{
                font-size: 0.45rem;
                float:left;
                color:#fa6d3d;
                padding-right:0.625rem;
            }
        }
        div:nth-child(3){
       text-align: center;
           margin-left:0.95rem;
            p{
                font-size: 0.45rem;
                float:left;
                color:#fa6d3d;
                padding-right:0.625rem;
              
            }
            p:nth-child(2){
                padding-left:0.3rem;
            }
        }
    }
}
